<!DOCTYPE html>
<meta charset="utf-8" />

<link rel="stylesheet" href="css/page/role.css" />
<!-- 核心功能组件 -->
<script type="text/javascript" src="js/core/core-1.0.js" charset="utf-8"></script>
<div class="rowt">
<div class="col-xs-12">
<div class="tabbable" id="agent_form_div"  create-buttom="auto" check-form="true" create-to="formBtnBoxDiv" style="height: 100%">
	<form id="custBankForm" class="form-horizontal required-validate"  role="form"  onsubmit="return validateCallback(this,dialogAjaxDone)">
		<input type="hidden" id="bankcardFront"   name="bankcardFront" />
		<input type="hidden" id="bankcardBack"   name="bankcardBack" />

		<div class="tab-content">
			<div id="tabAgentInf" class="tab-pane fade in active">
				<div class="form-group">
					<label class="col-sm-2 control-label no-padding-right">
						银行卡编号： </label>
					<div class="col-sm-3">
						<!-- 
					 		 * 属性说明:
							 * validate="true"  是否需要验证字段
							 * msg="错误时提示信息"        
							 * datatype="数据类型"
						 -->
						<input type="text" id="bankCardId" name="bankCardId" placeholder="" 
							class="col-xs-12 col-sm-12" value=""  readonly="readonly"/>
					</div>
					
					<label class="col-sm-2 control-label no-padding-right">
						商户编号： </label>
					<div class="col-sm-3">
						<input type="text" id="custId" name="custId" placeholder="" 
							class="col-xs-12 col-sm-12" value="" readonly="readonly"/>
					</div>
				</div>
				
				<div class="form-group">
					<label class="col-sm-2 control-label no-padding-right">
						商户名称： </label>
					<div class="col-sm-3">
						<input type="text" id="custName" name="custName" placeholder="" 
							class="col-xs-12 col-sm-12" value=""  readonly="readonly"/>
					</div>
					
					<label class="col-sm-2 control-label no-padding-right">
						商户手机号： </label>
					<div class="col-sm-3">
						<input type="text" id="usrMobile" name="usrMobile" placeholder="" 
							class="col-xs-12 col-sm-12" value="" readonly="readonly"/>
					</div>
				</div>
				
				
				<div class="form-group">
					<label class="col-sm-2 control-label no-padding-right">
						银行卡类型： </label>
					<div class="col-sm-3">
							
			<select 
				 rel="obj.UNIONFIT_DCFLAG"
	 			 location="local" 
				 name="cardType" 
	 			id="cardType" 
	 			data-placeholder="请选择" style="width: 130px;vertical-align:middle;" readonly="readonly">
			</select>
					</div>
					
					<label class="col-sm-2 control-label no-padding-right">
						银行卡号： </label>
					<div class="col-sm-3">
						<input type="text" id="cardNo" name="cardNo" placeholder="银行卡号" 
							class="col-xs-12 col-sm-12" value="" readonly="readonly"/>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label no-padding-right">
						银行卡正面照片： </label>
					<div class="col-sm-2">
						<span class="">
							<img id="front" alt="" src="" width="200%" >
						</span>
					</div>
				</div>
<!-- 				<div class="form-group"> -->
<!-- 					<label class="col-sm-2 control-label no-padding-right"> -->
<!-- 						银行卡背面照片： </label> -->
<!-- 					<div class="col-sm-2"> -->
<!-- 						<span class=""> -->
<!-- 							<img id="back" alt="" src="" width="200%" > -->
<!-- 						</span> -->
<!-- 					</div> -->
<!-- 				</div> -->
			</div>
			
<div class="form-group"></div>
				<div class="form-group"></div>
				<div class="role-btn-box">
				</div>
				<div class="form-group"></div>
				<div class="form-group"></div>
			</div>
		</div>
	</form>
</div>
<div class="form-actions align-right  form-button-box" style="margin-top: 10px;display:none;" id="formBtnBoxDiv">
	<button class="btn" type="button" onclick="javascript:dialog.closeById('dlg-agentEdit');">关闭</button>
</div>
<script type="text/javascript">
$(document).ready(function() {
	var h=document.documentElement.clientHeight;//可见区域高度
	var formDiv = document.getElementById('agent_form_div');
	formDiv.style.height=h*0.9+"px";
	$('.date-picker').datepicker({
		autoclose: true,
		todayHighlight: true
	})
	//show datepicker when clicking on the icon
	.next().on(ace.click_event, function(){
		$(this).prev().focus();
	});
	
	$("#oemState").change(function() {
		if($(this).val()=='on'||$(this).val()==1){
			$("#oemDiv").hide();
		}
		if($(this).val()==0){
			$("#oemDiv").show();
		}
	});
	setTimeout(setType, 600);
	setTimeout(setPic, 600);
});

function setPic(){
	document.getElementById("front").src ="mpbase/pic/view2.do?picid="+$("#bankcardFront").val();
// 	document.getElementById("back").src ="mpbase/pic/view2.do?picid="+$("#bankcardBack").val();
}

function setType(){
		$("#formBtnBoxDiv").show();
}
</script>
